<div class="row-fluid">
	<div class="span12">
	<!-- tabs left -->
      <div class="tabbable tabs-left">
        <ul class="nav nav-tabs">
          <li><a href="#a" data-toggle="tab"><i class="icon-cog"></i> Personal info</a></li>
          <li><a href="#b" data-toggle="tab"><i class="icon-picture"></i> Change Avatar</a></li>
          <li><a href="#c" data-toggle="tab"><i class="icon-lock"></i> Change Password</a></li>
        </ul>
        <div class="tab-content">
         <div class="tab-pane active" id="a">
         	<div style="height: auto;" id="accordion1-1" class="accordion collapse">
						<jsp:include page="../../contents/Profile/changeprofile.jsp"/>
			</div>
         </div>
         <div class="tab-pane" id="b">
         	<div style="height: auto;" id="accordion2-2" class="accordion collapse">
						<jsp:include page="../../contents/Profile/changeAvatar.jsp"/>
			</div>
         </div>
         <div class="tab-pane" id="c">
         	<div style="height: auto;" id="accordion3-3" class="accordion collapse">
						<jsp:include page="../../contents/Profile/changepassword.jsp"/>											
			</div>
         </div>
        </div>
      </div>      
    </div>		
</div>